@font-face {
    font-family: Ubuntu;
    src: url(../font/Ubuntu-R.ttf);
}

body{
	margin: 0 auto;
	background: #cfcfcf;
}

#container{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 717px;
	height: 436px;
	background: #fff;
}

#main-menu{
	position: relative;
	width: 20.08%;
	height: 100%;
	float: left;
	background: #34393d;
}

#menu-title{
	width: 100%;
	height: 8.94%;
	background: #2ea6c8;
}

#title{
	position: relative;
	margin: 0;
	font-family: Ubuntu;
	font-size: .85em;
	text-align: center;
	padding-top: 5%;
}

#new-enc{
	display:block;
	font-family: Ubuntu;
	font-size: .85em;
	color: #5c6369;
	text-decoration: none;
	text-align: center;
	margin-top: 23%;
	transition: .1s ease;
}

#new-enc:hover{
	display:block;
	font-family: Ubuntu;
	font-size: .85em;
	color: #2ea6c8;
	text-decoration: none;
	text-align: center;
	margin-top: 23%;
}

#sub-menu{
	width: 100%;
	height: 51%;
	background: #404549;
	margin-top: 25%;
}

#top-bar{
	width: 79.92%;
	height: 8.94%;
	float: right;
	background: #44c4e7;
}

#actor-container{
	width: 35.70%;
	height: 65.59%;
	border: 1px solid #bebebe;
	margin-left: 1.16%;
	margin-top: 1.16%;
	float: left;
}

#effect-container{
	width: 35.70%;
	height: 65.59%;
	border: 1px solid #bebebe;
	margin-top: 1.16%;
	margin-right: 1.16%;
	float: right;
}

#turn-button{
	display: inline-block;
	background: #f39549;
	color: #fff;
	width: 144px;
	height: 26px;
	margin-top: 1.16%;
	margin-left: 1.16%;
	padding-top: 1.3%;
	padding-bottom: .5%;
	font-family: Ubuntu;
	font-size: .85em;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	transition:  .2s ease;
	-webkit-transition:  .1s ease-in-out;
	
}

#turn-button:hover{
	display: inline-block;
	background: #f37149;
	color: #fff;
	width: 144px;
	height: 26px;
	margin-top: 1.16%;
	margin-left: 1.16%;
	padding-top: 1.3%;
	padding-bottom: .5%;
	font-family: Ubuntu;
	font-size: .85em;
	text-align: center;
	text-decoration: none;
}

.first-word{
	color: #a8dfee;
}

.second-word{
	color: #fff;
}